<div class="comp-addbankcard-dialog">
    <modal :show="true">
        <!--:show.sync="currentShow" :callback="callback" :close="close"-->
        <validator :rules="rules" :parent="_self">
            <form class="m-form-dialog" name="form" action="javascript:;">
                <div class="modal-header">
                    <a href="javascript:;" class="close" @click="hide"><span>&times;</span></a>
                    <span class="modal-title">{{title}}</span>
                </div>
                <div class="modal-body">
                    <!--<help help-type="info">-->
                        <!--<p class="comp-help-content" slot="comp-help-content" >-->
                            <!--目前支持的转出银行：工商银行、建设银行、中国银行、农业银行、邮政储蓄银行、招商银行、浦发银行-->
                        <!--</p>-->
                    <!--</help>-->

                    <div class="col-row">
                        <div class="col-label">
                            <label for="bank">銀行名稱：</label>
                        </div>
                        <div class="col-input col-input--block">
                            <input type="text"
                                   class="input fn-block"
                                   id="bank"
                                   name="bank"
                                   autocomplete="new-password"
                                   maxlength="50"
                                   :placeholder="rules.bank.requiredTip"
                                   v-model="form.bank">
                            <div class="ui-tip"></div>
                        </div>
                    </div>
                    <div class="col-row">
                        <div class="col-label">
                            <label for="subBank">所在支行：</label>
                        </div>
                        <div class="col-input col-input--block">
                            <input type="text"
                                   class="input fn-block"
                                   id="subBank"
                                   name="subBank"
                                   autocomplete="new-password"
                                   maxlength="200"
                                   :placeholder="rules.subBank.requiredTip"
                                   v-model="form.subBank">
                            <div class="ui-tip"></div>
                        </div>
                    </div>

                    <div class="col-row">
                        <div class="col-label">
                            <label for="name">開戶姓名：</label>
                        </div>
                        <div class="col-input col-input--block">
                            <input type="text"
                                   class="input fn-block"
                                   id="name"
                                   name="name"
                                   autocomplete="new-password"
                                   maxlength="200"
                                   :placeholder="rules.name.requiredTip"
                                   v-model="form.name">
                            <div class="ui-tip"></div>
                        </div>
                    </div>

                    <div class="col-row">
                        <div class="col-label">
                            <label for="acnumber">銀行卡號：</label>
                        </div>
                        <div class="col-input">
                            <input type="text"
                                   id="acnumber"
                                   class="fn-block"
                                   :placeholder="rules.acnumber.requiredTip"
                                   v-model="form.acnumber"
                                   v-digital="form.acnumber"
                                   maxlength="100"
                                   name="acnumber"
                                   autocomplete="new-password">
                            <div class="ui-tip"></div>
                        </div>
                    </div>
                    <div class="col-row-line"></div>
                    <div class="col-row">
                        <div class="col-label">
                            <label for="payPwd">資金密碼：</label>
                        </div>
                        <div class="col-input">
                            <input type="password"
                                   class="fn-block"
                                   autocomplete="new-password"
                                   id="payPwd"
                                   name="payPwd"
                                   :placeholder="rules.payPwd.requiredTip"
                                   v-model="form.payPwd">
                            <div class="ui-tip"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-label">
                        <label>&nbsp;</label>
                    </div>
                    <div class="col-text">
                        <div class="btn-group">
                            <button type="submit"
                                    class="ui-btn binds"
                                    v-if="isRequesting === false"
                                    @click="submit()">添加
                            </button>
                            <button type="submit"
                                    class="ui-btn"
                                    disabled
                                    v-if="isRequesting === true">操作中...
                            </button>
                            <a href="javascript:;"
                               class="btn-cancel"
                               @click="hide">取消</a>
                        </div>
                    </div>

                </div>
            </form>
        </validator>
    </modal>
</div>